<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--头部-->
<header>
    <div>
        <img src="img/logo.png" alt="">
    </div>
    <form >
        <input type="search" value="搜索">
    </form>
    <div>
        登录
    </div>
</header>
<!--中间-->
<section>
    <div class="swiper-container lb">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="img/banner.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="img/banner.png" alt="">
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
<!---->
    <nav>
        <ul>
            <li>
                <img src="img/btn1.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn2.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn3.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn4.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn5.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn6.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn7.png" alt="">
                <p>领卷中心</p>
            </li>
            <li>
                <img src="img/btn8.png" alt="">
                <p>领卷中心</p>
            </li>

        </ul>

    </nav>
<!--banner2-->
<div class="content">
    <div class="img">
        <img src="img/banner2.png" alt="">
    </div>
    <div class="zy">
        <div class="zy-left">
            <img src="img/toutiao.png">
        </div>
        <div class="swiper-container zy-right">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                   <span>新鲜品</span> 首次购买送88礼金！
                 </div>
                <div class="swiper-slide">
                    首次购买送88礼金！
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    
</div>
<!---->
    <div class="dc">
        <div class="dc-title">
            <p>
                <span>12点</span>
            </p>
            <p>
                进入> >
            </p>
        </div>
        <div class="dc-con">
            <ul>
                <li>
                    <img src="img/img1.png" alt="">
                </li>
                <li>
                    <img src="img/img2.png" alt="">
                </li>
                <li>
                    <img src="img/img3.png" alt="">
                </li>
            </ul>
        </div>
    </div>

</section>
<!--页脚-->
<footer>
    <a href="#">
        <img src="img/ft1.png" alt="">
    </a>
    <a href="#">
        <img src="img/ft4.png" alt="">
    </a>
    <a href="#">
        <img src="img/ft2.png" alt="">
    </a>
    <a href="#">
        <img src="img/ft3.png" alt="">
    </a>
    <a href="#">
        <img src="img/ft5.png" alt="">
    </a>
</footer>
</body>
<script>
    new Swiper(".lb",{
        autoplay:2000,
        pagination:".swiper-pagination",
        paginationClickable:true,
        autoplayDisableOnInteraction:false,
        loop:true
    })
    new Swiper(".zy-right",{
        direction:"vertical",
        autoplay:1000,
        autoplayDisableOnInteraction:false,
        loop:true
    })
</script>
</html>